<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>

<h1 class="cattitle category<?php echo $category_id; ?>">
	<span></span><a href="<?php echo $category_link; ?>"><?php echo $category_title; ?></a>
    <a class="big-close" href="<?php echo $category_link; ?>"></a>
</h1>

<div id="content"><?php echo $content_top; ?>
  
  <div class="product-info">
    <?php if ($thumb || $images) { ?>
    <div class="left">
    
      <?php if ($thumb) { ?>
      <div class="image">
      	<a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" class="colorbox">
        	<img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image" />
        </a>
      </div>
      <?php } ?>
      <?php if ($images) { ?>
      <div class="image-additional">
        <?php foreach ($images as $image) { ?>
        <a href="<?php echo $image['popup']; ?>" title="<?php echo $heading_title; ?>" class="colorbox"><img src="<?php echo $image['thumb']; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>
        <?php } ?>
      </div>
      <?php } ?>
    </div>
    <?php } ?>
    <div class="right">
      <h2 class="product-title"><?php echo $heading_title; ?></h2>
      <div class="description">
        <?php echo $description; ?>
      </div>
      <div class="subdescription">
        <?php echo $subdescription; ?>
      </div>
      
    </div>
  </div>
  
  
  <?php echo $content_bottom; ?></div>
  
<script type="text/javascript"><!--
$(document).ready(function() {
	$('.colorbox').colorbox({
		overlayClose: true,
		opacity: 0.5,
		rel: "colorbox"
	});
});
//--></script> 

<?php echo $footer; ?>